﻿@model Childhood.Models.ErrorModel

@{
    Layout = null;
}
@{
    string message = null;
    switch (Model.HttpStatusCode)
    {
        case 404:
            message = "The requested content was not found";
            break;
        case 500:
            message = string.Concat("The following server error was encountered:<br /> ", Model.Exception.Message);
            break;
    }
 }
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Error</title>

    <style>
        body {
            background: #f3f3f3;
            color: #34383c;
            font-family: 'Lato',sans-serif;
            font-weight: 400;
        }

        h1 {
            font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
            display: block;
            font-size: 2em;
            -webkit-margin-before: 0.67em;
            -webkit-margin-after: 0.67em;
            -webkit-margin-start: 0px;
            -webkit-margin-end: 0px;
            font-weight: bold;
            float: left;
            margin: 10px;
        }

        .clear {
            clear: both;
        }

        .error-title {
            float: left;
            margin-top: 10px;
        }

        .errorMessage-top {
            position: relative;
            display: block;
            float: left;
        }
        #errorMessage {
            display: block;
            margin: 0 auto;
            margin-top: 20%;
            position: relative;
            margin-left: 30%;
        }
    </style>
</head>
<body>
    <div id="errorMessage">
        <div class="errorMessage-top">
            <h1 class="error-code">@Model.HttpStatusCode</h1>
            <span class="error-title">Oops! You're lost.<br />@Html.Raw(message)</span>
        </div>
        <div class="clear"></div>
        <div class="errorMessage-detail">
            <strong>Detail:</strong> <span>@Request.QueryString["lastError"]</span>
        </div>
    </div>
</body>
</html>
